<template>
  <div class="app-container">
    <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
      <!--el-form-item label="捆包号" prop="bundleNumber">
        <el-input
          type="textarea"
          rows="1"
          style="width: 200px"
          v-model="queryParams.bundleNumber"
          placeholder="请输入捆包号"
          clearable
        />
      </el-form-item-->
      <el-form-item label="运单编号" prop="wayBillNumber">
        <el-input
          v-model="queryParams.wayBillNumber"
          placeholder="请输入运单编号"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <!--el-form-item label="运单状态" prop="wayBillStatus">
        <el-select v-model="queryParams.wayBillStatus" placeholder="请选择运单状态" clearable>
          <el-option
            v-for="dict in dict.type.way_bill_status"
            :key="dict.value"
            :label="dict.label"
            :value="dict.label"
          />
        </el-select>
      </el-form-item>
      <el-form-item label="录单时间">
        <el-date-picker
          v-model="daterangeRecordTime"
          style="width: 205px"
          value-format="yyyy-MM-dd"
          type="daterange"
          range-separator="-"
          start-placeholder="开始日期"
          end-placeholder="结束日期"
        ></el-date-picker>
      </el-form-item-->
      <!--el-form-item label="发货电话" prop="sendGoodsMobile">
        <el-input
          v-model="queryParams.sendGoodsMobile"
          placeholder="请输入发货电话"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="发货人" prop="sendGoodsPerson">
        <el-input
          v-model="queryParams.sendGoodsPerson"
          placeholder="请输入发货人"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="发货地址" prop="sendGoodsAddress">
        <el-input
          v-model="queryParams.sendGoodsAddress"
          placeholder="请输入发货地址"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="始发流向" prop="beginFlowDirection">
        <el-input
          v-model="queryParams.beginFlowDirection"
          placeholder="请输入始发流向"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="发货客户" prop="sendGoodsCustomer">
        <el-select v-model="queryParams.sendGoodsCustomer" placeholder="请选择发货客户" clearable>
          <el-option
            v-for="dict in customerOptions"
            :key="dict.customerId"
            :label="dict.customerName"
            :value="dict.customerName"
          />
        </el-select>
      </el-form-item>
      <el-form-item label="收货电话" prop="receiveGoodsMobile">
        <el-input
          v-model="queryParams.receiveGoodsMobile"
          placeholder="请输入收货电话"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="收货人" prop="receiveGoodsPerson">
        <el-input
          v-model="queryParams.receiveGoodsPerson"
          placeholder="请输入收货人"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="收货地址" prop="receiveGoodsAddress">
        <el-input
          v-model="queryParams.receiveGoodsAddress"
          placeholder="请输入收货地址"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="目的流向" prop="endFlowDirection">
        <el-input
          v-model="queryParams.endFlowDirection"
          placeholder="请输入目的流向"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item-->
      <!--el-form-item label="收货客户" prop="receiveGoodsCustomer">
        <el-select v-model="queryParams.receiveGoodsCustomer" placeholder="请选择收货客户" clearable>
          <el-option
            v-for="dict in dict.type.sys_yes_no"
            :key="dict.value"
            :label="dict.label"
            :value="dict.label"
          />
        </el-select>
      </el-form-item>
      <el-form-item label="收货备注" prop="receiveGoodsRemark">
        <el-input
          v-model="queryParams.receiveGoodsRemark"
          placeholder="请输入收货备注"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="发货电话" prop="minorSendGoodsMobile">
        <el-input
          v-model="queryParams.minorSendGoodsMobile"
          placeholder="请输入发货电话"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="发货人" prop="minorSendGoodsPerson">
        <el-input
          v-model="queryParams.minorSendGoodsPerson"
          placeholder="请输入发货人"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="发货地址" prop="minorSendGoodsAddress">
        <el-input
          v-model="queryParams.minorSendGoodsAddress"
          placeholder="请输入发货地址"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="发货客户" prop="minorSendGoodsCustomer">
        <el-select v-model="queryParams.minorSendGoodsCustomer" placeholder="请选择发货客户" clearable>
          <el-option
            v-for="dict in dict.type.sys_yes_no"
            :key="dict.value"
            :label="dict.label"
            :value="dict.label"
          />
        </el-select>
      </el-form-item>
      <el-form-item label="收货电话" prop="minorReceiveGoodsMobile">
        <el-input
          v-model="queryParams.minorReceiveGoodsMobile"
          placeholder="请输入收货电话"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="收货人" prop="minorReceiveGoodsPerson">
        <el-input
          v-model="queryParams.minorReceiveGoodsPerson"
          placeholder="请输入收货人"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="收货地址" prop="minorReceiveGoodsAddress">
        <el-input
          v-model="queryParams.minorReceiveGoodsAddress"
          placeholder="请输入收货地址"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="收货客户" prop="minorReceiveGoodsCustomer">
        <el-select v-model="queryParams.minorReceiveGoodsCustomer" placeholder="请选择收货客户" clearable>
          <el-option
            v-for="dict in dict.type.sys_yes_no"
            :key="dict.value"
            :label="dict.label"
            :value="dict.label"
          />
        </el-select>
      </el-form-item-->
      <!--el-form-item label="车牌号码" prop="vehicleLicenseNumber">
        <el-input
          v-model="queryParams.vehicleLicenseNumber"
          placeholder="请输入车牌号码"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="车辆标记" prop="vehicleMark">
        <el-select v-model="queryParams.vehicleMark" placeholder="请选择车辆标记" clearable>
          <el-option
            v-for="dict in dict.type.vehicle_mark"
            :key="dict.value"
            :label="dict.label"
            :value="dict.label"
          />
        </el-select>
      </el-form-item-->
      <!--el-form-item label="司机姓名" prop="driverName">
        <el-input
          v-model="queryParams.driverName"
          placeholder="请输入司机姓名"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="司机电话" prop="contactMobile">
        <el-input
          v-model="queryParams.contactMobile"
          placeholder="请输入司机电话"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="货物类型" prop="goodsType">
        <el-select v-model="queryParams.goodsType" placeholder="请选择货物类型" clearable>
          <el-option
            v-for="dict in dict.type.goods_type"
            :key="dict.value"
            :label="dict.label"
            :value="dict.label"
          />
        </el-select>
      </el-form-item>
      <el-form-item label="重量(吨)" prop="freightWeight">
        <el-input
          v-model="queryParams.freightWeight"
          placeholder="请输入重量(吨)"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="件数" prop="freightNumber">
        <el-input
          v-model="queryParams.freightNumber"
          placeholder="请输入件数"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="运费计价" prop="freightPriceMode">
        <el-select v-model="queryParams.freightPriceMode" placeholder="请选择运费计价" clearable>
          <el-option
            v-for="dict in dict.type.price_mode"
            :key="dict.value"
            :label="dict.label"
            :value="dict.label"
          />
        </el-select>
      </el-form-item>
      <el-form-item label="运费价格" prop="freightPrice">
        <el-input
          v-model="queryParams.freightPrice"
          placeholder="请输入运费价格"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="运费金额" prop="freightAmount">
        <el-input
          v-model="queryParams.freightAmount"
          placeholder="请输入运费金额"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="运费补贴" prop="primage">
        <el-input
          v-model="queryParams.primage"
          placeholder="请输入运费补贴"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="补贴备注" prop="primageRemark">
        <el-input
          v-model="queryParams.primageRemark"
          placeholder="请输入补贴备注"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="装卸费用" prop="handleCost">
        <el-input
          v-model="queryParams.handleCost"
          placeholder="请输入装卸费用"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="运费总额" prop="freightTotalAmount">
        <el-input
          v-model="queryParams.freightTotalAmount"
          placeholder="请输入运费总额"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="付款方式" prop="freightPaymentMethod">
        <el-select v-model="queryParams.freightPaymentMethod" placeholder="请选择付款方式" clearable>
          <el-option
            v-for="dict in dict.type.payment_mode"
            :key="dict.value"
            :label="dict.label"
            :value="dict.label"
          />
        </el-select>
      </el-form-item>
      <el-form-item label="付款状态" prop="freightPaymentStatus">
        <el-select v-model="queryParams.freightPaymentStatus" placeholder="请选择付款状态" clearable>
          <el-option
            v-for="dict in dict.type.payment_status"
            :key="dict.value"
            :label="dict.label"
            :value="dict.label"
          />
        </el-select>
      </el-form-item>
      <el-form-item label="付款人" prop="freightPaymentPerson">
        <el-input
          v-model="queryParams.freightPaymentPerson"
          placeholder="请输入付款人"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="付款日期" prop="freightPaymentDate">
        <el-date-picker clearable
          v-model="queryParams.freightPaymentDate"
          style="width: 205px"
          type="date"
          value-format="yyyy-MM-dd"
          placeholder="请选择付款日期">
        </el-date-picker>
      </el-form-item>
      <el-form-item label="结算计价" prop="settlementPriceMode">
        <el-select v-model="queryParams.settlementPriceMode" placeholder="请选择结算计价" clearable>
          <el-option
            v-for="dict in dict.type.price_mode"
            :key="dict.value"
            :label="dict.label"
            :value="dict.label"
          />
        </el-select>
      </el-form-item>
      <el-form-item label="结算价格" prop="settlementPrice">
        <el-input
          v-model="queryParams.settlementPrice"
          placeholder="请输入结算价格"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="结算金额" prop="settlementAmount">
        <el-input
          v-model="queryParams.settlementAmount"
          placeholder="请输入结算金额"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="附加运费" prop="premium">
        <el-input
          v-model="queryParams.premium"
          placeholder="请输入附加运费"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="附加备注" prop="premiumRemark">
        <el-input
          v-model="queryParams.premiumRemark"
          placeholder="请输入附加备注"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="结算总额" prop="settlementTotalAmount">
        <el-input
          v-model="queryParams.settlementTotalAmount"
          placeholder="请输入结算总额"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="运单备注" prop="wayBillRemark">
        <el-input
          v-model="queryParams.wayBillRemark"
          placeholder="请输入运单备注"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="结算客户" prop="settlementCustomer">
        <el-select v-model="queryParams.settlementCustomer" placeholder="请选择结算客户" clearable>
          <el-option
            v-for="dict in dict.type.sys_yes_no"
            :key="dict.value"
            :label="dict.label"
            :value="dict.label"
          />
        </el-select>
      </el-form-item>
      <el-form-item label="结算方式" prop="settlementMethod">
        <el-select v-model="queryParams.settlementMethod" placeholder="请选择结算方式" clearable>
          <el-option
            v-for="dict in dict.type.settlement_mode"
            :key="dict.value"
            :label="dict.label"
            :value="dict.label"
          />
        </el-select>
      </el-form-item-->
      <!--el-form-item label="结算状态" prop="settlementStatus">
        <el-select v-model="queryParams.settlementStatus" placeholder="请选择结算状态" clearable>
          <el-option
            v-for="dict in dict.type.settlement_status"
            :key="dict.value"
            :label="dict.label"
            :value="dict.label"
          />
        </el-select>
      </el-form-item-->
      <!--el-form-item label="结算人" prop="settlementPerson">
        <el-input
          v-model="queryParams.settlementPerson"
          placeholder="请输入结算人"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="结算日期" prop="settlementDate">
        <el-date-picker clearable
          v-model="queryParams.settlementDate"
          style="width: 205px"
          type="date"
          value-format="yyyy-MM-dd"
          placeholder="请选择结算日期">
        </el-date-picker>
      </el-form-item>
      <el-form-item label="货物类型" prop="minorGoodsType">
        <el-select v-model="queryParams.minorGoodsType" placeholder="请选择货物类型" clearable>
          <el-option
            v-for="dict in dict.type.goods_type"
            :key="dict.value"
            :label="dict.label"
            :value="dict.label"
          />
        </el-select>
      </el-form-item>
      <el-form-item label="重量(吨)" prop="minorFreightWeight">
        <el-input
          v-model="queryParams.minorFreightWeight"
          placeholder="请输入重量(吨)"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="件数" prop="minorFreightNumber">
        <el-input
          v-model="queryParams.minorFreightNumber"
          placeholder="请输入件数"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="运费计价" prop="minorFreightPriceMode">
        <el-select v-model="queryParams.minorFreightPriceMode" placeholder="请选择运费计价" clearable>
          <el-option
            v-for="dict in dict.type.price_mode"
            :key="dict.value"
            :label="dict.label"
            :value="dict.label"
          />
        </el-select>
      </el-form-item>
      <el-form-item label="运费价格" prop="minorFreightPrice">
        <el-input
          v-model="queryParams.minorFreightPrice"
          placeholder="请输入运费价格"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="运费金额" prop="minorFreightAmount">
        <el-input
          v-model="queryParams.minorFreightAmount"
          placeholder="请输入运费金额"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="结算计价" prop="minorSettlementPriceMode">
        <el-select v-model="queryParams.minorSettlementPriceMode" placeholder="请选择结算计价" clearable>
          <el-option
            v-for="dict in dict.type.price_mode"
            :key="dict.value"
            :label="dict.label"
            :value="dict.label"
          />
        </el-select>
      </el-form-item>
      <el-form-item label="结算价格" prop="minorSettlementPrice">
        <el-input
          v-model="queryParams.minorSettlementPrice"
          placeholder="请输入结算价格"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="结算金额" prop="minorSettlementAmount">
        <el-input
          v-model="queryParams.minorSettlementAmount"
          placeholder="请输入结算金额"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="结算客户" prop="minorSettlementCustomer">
        <el-select v-model="queryParams.minorSettlementCustomer" placeholder="请选择结算客户" clearable>
          <el-option
            v-for="dict in dict.type.sys_yes_no"
            :key="dict.value"
            :label="dict.label"
            :value="dict.label"
          />
        </el-select>
      </el-form-item>
      <el-form-item label="结算方式" prop="minorSettlementMethod">
        <el-select v-model="queryParams.minorSettlementMethod" placeholder="请选择结算方式" clearable>
          <el-option
            v-for="dict in dict.type.settlement_mode"
            :key="dict.value"
            :label="dict.label"
            :value="dict.label"
          />
        </el-select>
      </el-form-item>
      <el-form-item label="结算状态" prop="minorSettlementStatus">
        <el-select v-model="queryParams.minorSettlementStatus" placeholder="请选择结算状态" clearable>
          <el-option
            v-for="dict in dict.type.settlement_status"
            :key="dict.value"
            :label="dict.label"
            :value="dict.label"
          />
        </el-select>
      </el-form-item>
      <el-form-item label="结算人" prop="minorSettlementPerson">
        <el-input
          v-model="queryParams.minorSettlementPerson"
          placeholder="请输入结算人"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="结算日期" prop="minorSettlementDate">
        <el-date-picker clearable
          v-model="queryParams.minorSettlementDate"
          style="width: 205px"
          type="date"
          value-format="yyyy-MM-dd"
          placeholder="请选择结算日期">
        </el-date-picker>
      </el-form-item>
      <el-form-item label="结算计价" prop="extraSettlementPriceMode">
        <el-select v-model="queryParams.extraSettlementPriceMode" placeholder="请选择结算计价" clearable>
          <el-option
            v-for="dict in dict.type.price_mode"
            :key="dict.value"
            :label="dict.label"
            :value="dict.label"
          />
        </el-select>
      </el-form-item>
      <el-form-item label="结算价格" prop="extraSettlementPrice">
        <el-input
          v-model="queryParams.extraSettlementPrice"
          placeholder="请输入结算价格"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="结算税点" prop="extraSettlementTax">
        <el-input
          v-model="queryParams.extraSettlementTax"
          placeholder="请输入结算税点"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="结算金额" prop="extraSettlementAmount">
        <el-input
          v-model="queryParams.extraSettlementAmount"
          placeholder="请输入结算金额"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="结算客户" prop="extraSettlementCustomer">
        <el-select v-model="queryParams.extraSettlementCustomer" placeholder="请选择结算客户" clearable>
          <el-option
            v-for="dict in dict.type.sys_yes_no"
            :key="dict.value"
            :label="dict.label"
            :value="dict.label"
          />
        </el-select>
      </el-form-item>
      <el-form-item label="结算方式" prop="extraSettlementMethod">
        <el-select v-model="queryParams.extraSettlementMethod" placeholder="请选择结算方式" clearable>
          <el-option
            v-for="dict in dict.type.settlement_mode"
            :key="dict.value"
            :label="dict.label"
            :value="dict.label"
          />
        </el-select>
      </el-form-item>
      <el-form-item label="结算状态" prop="extraSettlementStatus">
        <el-select v-model="queryParams.extraSettlementStatus" placeholder="请选择结算状态" clearable>
          <el-option
            v-for="dict in dict.type.settlement_status"
            :key="dict.value"
            :label="dict.label"
            :value="dict.label"
          />
        </el-select>
      </el-form-item>
      <el-form-item label="结算人" prop="extraSettlementPerson">
        <el-input
          v-model="queryParams.extraSettlementPerson"
          placeholder="请输入结算人"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="结算日期" prop="extraSettlementDate">
        <el-date-picker clearable
          v-model="queryParams.extraSettlementDate"
          style="width: 205px"
          type="date"
          value-format="yyyy-MM-dd"
          placeholder="请选择结算日期">
        </el-date-picker>
      </el-form-item>
      <el-form-item label="推送仓库状态" prop="pushWmsStatus">
        <el-select v-model="queryParams.pushWmsStatus" placeholder="请选择推送仓库状态" clearable>
          <el-option
            v-for="dict in dict.type.push_wms_status"
            :key="dict.value"
            :label="dict.label"
            :value="dict.label"
          />
        </el-select>
      </el-form-item>
      <el-form-item label="发送短信状态" prop="sendSmsStatus">
        <el-select v-model="queryParams.sendSmsStatus" placeholder="请选择发送短信状态" clearable>
          <el-option
            v-for="dict in dict.type.send_sms_status"
            :key="dict.value"
            :label="dict.label"
            :value="dict.label"
          />
        </el-select>
      </el-form-item>
      <el-form-item label="接单状态" prop="receiveOrderStatus">
        <el-select v-model="queryParams.receiveOrderStatus" placeholder="请选择接单状态" clearable>
          <el-option
            v-for="dict in dict.type.receive_order_status"
            :key="dict.value"
            :label="dict.label"
            :value="dict.label"
          />
        </el-select>
      </el-form-item>
      <el-form-item label="装车重量(吨)" prop="loadWeight">
        <el-input
          v-model="queryParams.loadWeight"
          placeholder="请输入装车重量(吨)"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="装车时间">
        <el-date-picker
          v-model="daterangeLoadTime"
          style="width: 205px"
          value-format="yyyy-MM-dd"
          type="daterange"
          range-separator="-"
          start-placeholder="开始日期"
          end-placeholder="结束日期"
        ></el-date-picker>
      </el-form-item>
      <el-form-item label="卸车重量(吨)" prop="unloadWeight">
        <el-input
          v-model="queryParams.unloadWeight"
          placeholder="请输入卸车重量(吨)"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="卸车时间">
        <el-date-picker
          v-model="daterangeUnloadTime"
          style="width: 205px"
          value-format="yyyy-MM-dd"
          type="daterange"
          range-separator="-"
          start-placeholder="开始日期"
          end-placeholder="结束日期"
        ></el-date-picker>
      </el-form-item>
      <el-form-item label="签收状态" prop="signStatus">
        <el-select v-model="queryParams.signStatus" placeholder="请选择签收状态" clearable>
          <el-option
            v-for="dict in dict.type.sign_status"
            :key="dict.value"
            :label="dict.label"
            :value="dict.label"
          />
        </el-select>
      </el-form-item>
      <el-form-item label="签收重量(吨)" prop="signWeight">
        <el-input
          v-model="queryParams.signWeight"
          placeholder="请输入签收重量(吨)"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="签收人" prop="signPerson">
        <el-input
          v-model="queryParams.signPerson"
          placeholder="请输入签收人"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="签收日期">
        <el-date-picker
          v-model="daterangeSignDate"
          style="width: 205px"
          value-format="yyyy-MM-dd"
          type="daterange"
          range-separator="-"
          start-placeholder="开始日期"
          end-placeholder="结束日期"
        ></el-date-picker>
      </el-form-item>
      <el-form-item label="是否货损" prop="goodsDamage">
        <el-select v-model="queryParams.goodsDamage" placeholder="请选择是否货损" clearable>
          <el-option
            v-for="dict in dict.type.sys_yes_no"
            :key="dict.value"
            :label="dict.label"
            :value="dict.label"
          />
        </el-select>
      </el-form-item>
      <el-form-item label="是否事故" prop="trafficAccident">
        <el-select v-model="queryParams.trafficAccident" placeholder="请选择是否事故" clearable>
          <el-option
            v-for="dict in dict.type.sys_yes_no"
            :key="dict.value"
            :label="dict.label"
            :value="dict.label"
          />
        </el-select>
      </el-form-item>
      <el-form-item label="延迟付费" prop="delayPayment">
        <el-select v-model="queryParams.delayPayment" placeholder="请选择延迟付费" clearable>
          <el-option
            v-for="dict in dict.type.sys_yes_no"
            :key="dict.value"
            :label="dict.label"
            :value="dict.label"
          />
        </el-select>
      </el-form-item>
      <el-form-item label="签收备注" prop="signRemark">
        <el-input
          v-model="queryParams.signRemark"
          placeholder="请输入签收备注"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="审核结果" prop="signReviewResult">
        <el-select v-model="queryParams.signReviewResult" placeholder="请选择审核结果" clearable>
          <el-option
            v-for="dict in dict.type.audit_pass_return"
            :key="dict.value"
            :label="dict.label"
            :value="dict.label"
          />
        </el-select>
      </el-form-item>
      <el-form-item label="审核备注" prop="signReviewRemark">
        <el-input
          v-model="queryParams.signReviewRemark"
          placeholder="请输入审核备注"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="签收审核人" prop="signReviewPerson">
        <el-input
          v-model="queryParams.signReviewPerson"
          placeholder="请输入签收审核人"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="签收审核时间">
        <el-date-picker
          v-model="daterangeSignReviewTime"
          style="width: 205px"
          value-format="yyyy-MM-dd"
          type="daterange"
          range-separator="-"
          start-placeholder="开始日期"
          end-placeholder="结束日期"
        ></el-date-picker>
      </el-form-item>
      <el-form-item label="回单状态" prop="returnDocumentStatus">
        <el-select v-model="queryParams.returnDocumentStatus" placeholder="请选择回单状态" clearable>
          <el-option
            v-for="dict in dict.type.return_document_status"
            :key="dict.value"
            :label="dict.label"
            :value="dict.label"
          />
        </el-select>
      </el-form-item>
      <el-form-item label="回单备注" prop="returnDocumentRemark">
        <el-input
          v-model="queryParams.returnDocumentRemark"
          placeholder="请输入回单备注"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="回单人" prop="returnDocumentPerson">
        <el-input
          v-model="queryParams.returnDocumentPerson"
          placeholder="请输入回单人"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="回单时间">
        <el-date-picker
          v-model="daterangeReturnDocumentTime"
          style="width: 205px"
          value-format="yyyy-MM-dd"
          type="daterange"
          range-separator="-"
          start-placeholder="开始日期"
          end-placeholder="结束日期"
        ></el-date-picker>
      </el-form-item>
      <el-form-item label="现金加气" prop="cashRefuel">
        <el-input
          v-model="queryParams.cashRefuel"
          placeholder="请输入现金加气"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="定点加气" prop="designateRefuel">
        <el-input
          v-model="queryParams.designateRefuel"
          placeholder="请输入定点加气"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="路费(现金)" prop="tollFeeCash">
        <el-input
          v-model="queryParams.tollFeeCash"
          placeholder="请输入路费(现金)"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="路费(ETC)" prop="tollFeeEtc">
        <el-input
          v-model="queryParams.tollFeeEtc"
          placeholder="请输入路费(ETC)"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="罚款" prop="forfeit">
        <el-input
          v-model="queryParams.forfeit"
          placeholder="请输入罚款"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="主信息费" prop="informationFee">
        <el-input
          v-model="queryParams.informationFee"
          placeholder="请输入主信息费"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="配信息费" prop="minorInformationFee">
        <el-input
          v-model="queryParams.minorInformationFee"
          placeholder="请输入配信息费"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="修车费" prop="repairTruckFee">
        <el-input
          v-model="queryParams.repairTruckFee"
          placeholder="请输入修车费"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="服务站修车" prop="serviceStationRepair">
        <el-input
          v-model="queryParams.serviceStationRepair"
          placeholder="请输入服务站修车"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="轮胎费" prop="tireFee">
        <el-input
          v-model="queryParams.tireFee"
          placeholder="请输入轮胎费"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="其他" prop="otherFee">
        <el-input
          v-model="queryParams.otherFee"
          placeholder="请输入其他"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="保险费" prop="insurancePremium">
        <el-input
          v-model="queryParams.insurancePremium"
          placeholder="请输入保险费"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="车船税" prop="vehicleVesselTax">
        <el-input
          v-model="queryParams.vehicleVesselTax"
          placeholder="请输入车船税"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="北斗费" prop="greatDipperFee">
        <el-input
          v-model="queryParams.greatDipperFee"
          placeholder="请输入北斗费"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="气瓶证费" prop="gasCylinderFee">
        <el-input
          v-model="queryParams.gasCylinderFee"
          placeholder="请输入气瓶证费"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="支出总计" prop="expenseTotal">
        <el-input
          v-model="queryParams.expenseTotal"
          placeholder="请输入支出总计"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="利润" prop="profit">
        <el-input
          v-model="queryParams.profit"
          placeholder="请输入利润"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item-->
      <!--el-form-item label="挂账状态" prop="pendAccountStatus">
        <el-select v-model="queryParams.pendAccountStatus" placeholder="请选择挂账状态" clearable>
          <el-option
            v-for="dict in dict.type.pend_account_status"
            :key="dict.value"
            :label="dict.label"
            :value="dict.label"
          />
        </el-select>
      </el-form-item-->
      <!--el-form-item label="挂账人" prop="pendAccountPerson">
        <el-input
          v-model="queryParams.pendAccountPerson"
          placeholder="请输入挂账人"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="挂账时间">
        <el-date-picker
          v-model="daterangePendAccountTime"
          style="width: 205px"
          value-format="yyyy-MM-dd"
          type="daterange"
          range-separator="-"
          start-placeholder="开始日期"
          end-placeholder="结束日期"
        ></el-date-picker>
      </el-form-item>
      <el-form-item label="挂账审核状态" prop="pendAccountAuditStatus">
        <el-select v-model="queryParams.pendAccountAuditStatus" placeholder="请选择挂账审核状态" clearable>
          <el-option
            v-for="dict in dict.type.audit_pass_return"
            :key="dict.value"
            :label="dict.label"
            :value="dict.label"
          />
        </el-select>
      </el-form-item>
      <el-form-item label="挂账审核人" prop="pendAccountAuditPerson">
        <el-input
          v-model="queryParams.pendAccountAuditPerson"
          placeholder="请输入挂账审核人"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="挂账审核时间">
        <el-date-picker
          v-model="daterangePendAccountAuditTime"
          style="width: 205px"
          value-format="yyyy-MM-dd"
          type="daterange"
          range-separator="-"
          start-placeholder="开始日期"
          end-placeholder="结束日期"
        ></el-date-picker>
      </el-form-item>
      <el-form-item label="运费账单状态" prop="freightBillStatus">
        <el-select v-model="queryParams.freightBillStatus" placeholder="请选择运费账单状态" clearable>
          <el-option
            v-for="dict in dict.type.bill_status"
            :key="dict.value"
            :label="dict.label"
            :value="dict.label"
          />
        </el-select>
      </el-form-item>
      <el-form-item label="运费账单编号" prop="freightBillNumber">
        <el-input
          v-model="queryParams.freightBillNumber"
          placeholder="请输入运费账单编号"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="结算账单状态" prop="settlementBillStatus">
        <el-select v-model="queryParams.settlementBillStatus" placeholder="请选择结算账单状态" clearable>
          <el-option
            v-for="dict in dict.type.bill_status"
            :key="dict.value"
            :label="dict.label"
            :value="dict.label"
          />
        </el-select>
      </el-form-item>
      <el-form-item label="结算账单编号" prop="settlementBillNumber">
        <el-input
          v-model="queryParams.settlementBillNumber"
          placeholder="请输入结算账单编号"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="利润账单编号" prop="profitBillNumber">
        <el-input
          v-model="queryParams.profitBillNumber"
          placeholder="请输入利润账单编号"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="发票状态" prop="invoiceStatus">
        <el-select v-model="queryParams.invoiceStatus" placeholder="请选择发票状态" clearable>
          <el-option
            v-for="dict in dict.type.invoice_status"
            :key="dict.value"
            :label="dict.label"
            :value="dict.label"
          />
        </el-select>
      </el-form-item>
      <el-form-item label="发票编号" prop="invoiceNumber">
        <el-input
          v-model="queryParams.invoiceNumber"
          placeholder="请输入发票编号"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="快递单号" prop="invoiceExpressNumber">
        <el-input
          v-model="queryParams.invoiceExpressNumber"
          placeholder="请输入快递单号"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="回程运单" prop="returnWayBillMark">
        <el-input
          v-model="queryParams.returnWayBillMark"
          placeholder="请输入回程运单"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="去程单号" prop="upwardWayBillNumber">
        <el-input
          v-model="queryParams.upwardWayBillNumber"
          placeholder="请输入去程单号"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="回程单号" prop="downwardWayBillNumber">
        <el-input
          v-model="queryParams.downwardWayBillNumber"
          placeholder="请输入回程单号"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item-->
      <el-form-item label="运单标记" prop="wayBillMark">
        <el-select v-model="queryParams.wayBillMark" placeholder="请选择运单标记" clearable>
          <el-option
            v-for="dict in dict.type.way_bill_mark"
            :key="dict.value"
            :label="dict.label"
            :value="dict.value"
          />
        </el-select>
      </el-form-item>
      <!--el-form-item label="计划编号" prop="transportPlanNumber">
        <el-input
          v-model="queryParams.transportPlanNumber"
          placeholder="请输入计划编号"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="园区代码" prop="parkCode">
        <el-input
          v-model="queryParams.parkCode"
          placeholder="请输入园区代码"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="创建者" prop="createBy">
        <el-input
          v-model="queryParams.createBy"
          placeholder="请输入创建者"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="创建时间">
        <el-date-picker
          v-model="daterangeCreateTime"
          style="width: 205px"
          value-format="yyyy-MM-dd"
          type="daterange"
          range-separator="-"
          start-placeholder="开始日期"
          end-placeholder="结束日期"
        ></el-date-picker>
      </el-form-item-->
    </el-form>

    <el-row :gutter="10" class="mb8">
      <el-col :span="1.5">
        <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
      </el-col>
      <el-col :span="1.5">
        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
      </el-col>
      <!--el-col :span="1.5">
        <el-button
          type="primary"
          plain
          icon="el-icon-plus"
          size="mini"
          @click="handleAdd"
          v-hasPermi="['waybills:waybill:add']"
        >新增</el-button>
      </el-col>
      <el-col :span="1.5">
        <el-button
          type="success"
          plain
          icon="el-icon-edit"
          size="mini"
          :disabled="single"
          @click="handleUpdate"
          v-hasPermi="['waybills:waybill:edit']"
        >修改</el-button>
      </el-col>
      <el-col :span="1.5">
        <el-button
          type="danger"
          plain
          icon="el-icon-delete"
          size="mini"
          :disabled="multiple"
          @click="handleDelete"
          v-hasPermi="['waybills:waybill:remove']"
        >删除</el-button>
      </el-col-->
      <el-col :span="1.5">
        <el-button
          type="warning"
          plain
          icon="el-icon-download"
          size="mini"
          @click="handleExport"
          v-hasPermi="['waybills:account:export']"
        >导出</el-button>
      </el-col>
      <el-col :span="1.5">
        <el-button
          type="warning"
          plain
          icon="el-icon-close"
          size="mini"
          @click="handleClose"
        >关闭</el-button>
      </el-col>
      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList" @computeTable="computeTableHeight"></right-toolbar>
    </el-row>

    <el-table v-loading="loading" :data="waybillList" @selection-change="handleSelectionChange" border :height="tableHeight" :row-style="{height:'35px'}" :cell-style="{padding:'0px'}">
      <el-table-column type="selection" width="45" align="center" />
      <el-table-column type="index" prop="" width="55" label="序号" align="center" >
        <template slot-scope="scope">
          <span>{{ scope.$index+1 +(queryParams.pageNum-1)*queryParams.pageSize }}</span>
        </template>
      </el-table-column>
      <!--el-table-column label="操作" align="center" class-name="small-padding fixed-width" width="100%">
        <template slot-scope="scope">
          <el-button
            size="mini"
            type="text"
            icon="el-icon-edit"
            @click="handleUpdate(scope.row)"
            v-hasPermi="['waybills:waybill:edit']"
          >修改</el-button>
          <el-button
            size="mini"
            type="text"
            icon="el-icon-delete"
            @click="handleDelete(scope.row)"
            v-hasPermi="['waybills:waybill:remove']"
          >删除</el-button>
        </template>
      </el-table-column-->
      <!--el-table-column label="运单ID" align="center" prop="wayBillId" /-->
      <el-table-column label="运单编号" align="center" prop="wayBillNumber" width="110" />
      <el-table-column label="运单状态" align="center" prop="wayBillStatus" />
      <el-table-column label="录单时间" align="center" prop="recordTime" width="180">
        <template slot-scope="scope">
          <span>{{ parseTime(scope.row.recordTime, '{y}-{m}-{d} {h}:{i}:{s}') }}</span>
        </template>
      </el-table-column>
      <el-table-column label="发货电话" align="center" prop="sendGoodsMobile" width="130" />
      <el-table-column label="发货人" align="center" prop="sendGoodsPerson" width="100%" />
      <el-table-column label="发货地址" align="center" prop="sendGoodsAddress" width="240" :show-overflow-tooltip="true" />
      <!--el-table-column label="始发流向" align="center" prop="beginFlowDirection" width="80" :show-overflow-tooltip="true" /-->
      <el-table-column label="发货客户" align="center" prop="sendGoodsCustomer" width="240" :show-overflow-tooltip="true" />
      <el-table-column label="收货电话" align="center" prop="receiveGoodsMobile" width="130" />
      <el-table-column label="收货人" align="center" prop="receiveGoodsPerson" width="100%" />
      <el-table-column label="收货地址" align="center" prop="receiveGoodsAddress" width="240" :show-overflow-tooltip="true" />
      <!--el-table-column label="目的流向" align="center" prop="endFlowDirection" width="80" :show-overflow-tooltip="true" /-->
      <el-table-column label="收货客户" align="center" prop="receiveGoodsCustomer" width="240" :show-overflow-tooltip="true" />
      <!--el-table-column label="收货备注" align="center" prop="receiveGoodsRemark" width="120" :show-overflow-tooltip="true" /-->
      <el-table-column label="发货电话" align="center" prop="minorSendGoodsMobile" width="130" />
      <el-table-column label="发货人" align="center" prop="minorSendGoodsPerson" />
      <el-table-column label="发货地址" align="center" prop="minorSendGoodsAddress" />
      <el-table-column label="发货客户" align="center" prop="minorSendGoodsCustomer" width="240" :show-overflow-tooltip="true" />
      <el-table-column label="收货电话" align="center" prop="minorReceiveGoodsMobile" width="130" />
      <el-table-column label="收货人" align="center" prop="minorReceiveGoodsPerson" />
      <el-table-column label="收货地址" align="center" prop="minorReceiveGoodsAddress" />
      <el-table-column label="收货客户" align="center" prop="minorReceiveGoodsCustomer" width="240" :show-overflow-tooltip="true" />
      <el-table-column label="车牌号码" align="center" prop="vehicleLicenseNumber" width="110" :show-overflow-tooltip="true" />
      <el-table-column label="车辆标记" align="center" prop="vehicleMark" />
      <el-table-column label="司机姓名" align="center" prop="driverName" />
      <el-table-column label="司机电话" align="center" prop="contactMobile" width="110" />
      <el-table-column label="货物类型" align="center" prop="goodsType" />
      <el-table-column label="重量(吨)" align="center" prop="freightWeight" />
      <el-table-column label="件数" align="center" prop="freightNumber" />
      <el-table-column label="趟费计价" align="center" prop="freightPriceMode" />
      <el-table-column label="趟费价格" align="center" prop="freightPrice" />
      <el-table-column label="主货工资/趟费金额" align="center" prop="freightAmount" width="130" />
      <!--el-table-column label="运费补贴" align="center" prop="primage" />
      <el-table-column label="补贴备注" align="center" prop="primageRemark" width="120" :show-overflow-tooltip="true" /-->
      <el-table-column label="装卸费用" align="center" prop="handleCost" />
      <el-table-column label="配货工资" align="center" prop="minorFreightAmount" />
      <el-table-column label="工资/趟费总额" align="center" prop="freightTotalAmount" width="120" />
      <!--el-table-column label="付款方式" align="center" prop="freightPaymentMethod" />
      <el-table-column label="付款状态" align="center" prop="freightPaymentStatus" />
      <el-table-column label="付款人" align="center" prop="freightPaymentPerson" />
      <el-table-column label="付款日期" align="center" prop="freightPaymentDate" width="180">
        <template slot-scope="scope">
          <span>{{ parseTime(scope.row.freightPaymentDate, '{y}-{m}-{d} {h}:{i}:{s}') }}</span>
        </template>
      </el-table-column-->
      <el-table-column label="结算计价" align="center" prop="settlementPriceMode" />
      <el-table-column label="结算价格" align="center" prop="settlementPrice" />
      <el-table-column label="结算金额" align="center" prop="settlementAmount" />
      <!--el-table-column label="附加运费" align="center" prop="premium" />
      <el-table-column label="附加备注" align="center" prop="premiumRemark" width="120" :show-overflow-tooltip="true" /-->
      <el-table-column label="结算总额" align="center" prop="settlementTotalAmount" />
      <el-table-column label="运单备注" align="center" prop="wayBillRemark" width="140" :show-overflow-tooltip="true" />
      <el-table-column label="结算客户" align="center" prop="settlementCustomer" width="240" :show-overflow-tooltip="true" />
      <el-table-column label="结算方式" align="center" prop="settlementMethod" width="100" :show-overflow-tooltip="true" />
      <el-table-column label="结算状态" align="center" prop="settlementStatus" />
      <el-table-column label="结算人" align="center" prop="settlementPerson" />
      <el-table-column label="结算日期" align="center" prop="settlementDate" width="100">
        <template slot-scope="scope">
          <span>{{ parseTime(scope.row.settlementDate, '{y}-{m}-{d}') }}</span>
        </template>
      </el-table-column>
      <el-table-column label="货物类型" align="center" prop="minorGoodsType" />
      <el-table-column label="重量(吨)" align="center" prop="minorFreightWeight" />
      <el-table-column label="件数" align="center" prop="minorFreightNumber" />
      <!--el-table-column label="运费计价" align="center" prop="minorFreightPriceMode" />
      <el-table-column label="运费价格" align="center" prop="minorFreightPrice" />
      <el-table-column label="运费金额" align="center" prop="minorFreightAmount" /-->
      <el-table-column label="结算计价" align="center" prop="minorSettlementPriceMode" />
      <el-table-column label="结算价格" align="center" prop="minorSettlementPrice" />
      <el-table-column label="结算金额" align="center" prop="minorSettlementAmount" />
      <el-table-column label="结算客户" align="center" prop="minorSettlementCustomer" width="240" :show-overflow-tooltip="true" />
      <el-table-column label="结算方式" align="center" prop="minorSettlementMethod" width="100" :show-overflow-tooltip="true" />
      <el-table-column label="结算状态" align="center" prop="minorSettlementStatus" />
      <el-table-column label="结算人" align="center" prop="minorSettlementPerson" />
      <el-table-column label="结算日期" align="center" prop="minorSettlementDate" width="100">
        <template slot-scope="scope">
          <span>{{ parseTime(scope.row.minorSettlementDate, '{y}-{m}-{d}') }}</span>
        </template>
      </el-table-column>
      <!--el-table-column label="结算计价" align="center" prop="extraSettlementPriceMode" />
      <el-table-column label="结算价格" align="center" prop="extraSettlementPrice" />
      <el-table-column label="结算税点" align="center" prop="extraSettlementTax" />
      <el-table-column label="结算金额" align="center" prop="extraSettlementAmount" />
      <el-table-column label="结算客户" align="center" prop="extraSettlementCustomer" />
      <el-table-column label="结算方式" align="center" prop="extraSettlementMethod" />
      <el-table-column label="结算状态" align="center" prop="extraSettlementStatus" />
      <el-table-column label="结算人" align="center" prop="extraSettlementPerson" />
      <el-table-column label="结算日期" align="center" prop="extraSettlementDate" width="180">
        <template slot-scope="scope">
          <span>{{ parseTime(scope.row.extraSettlementDate, '{y}-{m}-{d} {h}:{i}:{s}') }}</span>
        </template>
      </el-table-column-->
      <!--el-table-column label="推送仓库状态" align="center" prop="pushWmsStatus" />
      <el-table-column label="发送短信状态" align="center" prop="sendSmsStatus" />
      <el-table-column label="接单状态" align="center" prop="receiveOrderStatus" />
      <el-table-column label="装车重量(吨)" align="center" prop="loadWeight" width="100" />
      <el-table-column label="装车时间" align="center" prop="loadTime" width="180">
        <template slot-scope="scope">
          <span>{{ parseTime(scope.row.loadTime, '{y}-{m}-{d} {h}:{i}:{s}') }}</span>
        </template>
      </el-table-column>
      <el-table-column label="装车图片" align="center" prop="loadPicture" width="100">
        <template slot-scope="scope">
          <image-preview :src="scope.row.loadPicture" :width="50" :height="25"/>
        </template>
      </el-table-column>
      <el-table-column label="卸车重量(吨)" align="center" prop="unloadWeight" width="100" />
      <el-table-column label="卸车时间" align="center" prop="unloadTime" width="180">
        <template slot-scope="scope">
          <span>{{ parseTime(scope.row.unloadTime, '{y}-{m}-{d} {h}:{i}:{s}') }}</span>
        </template>
      </el-table-column>
      <el-table-column label="卸车图片" align="center" prop="unloadPicture" width="100">
        <template slot-scope="scope">
          <image-preview :src="scope.row.unloadPicture" :width="50" :height="25"/>
        </template>
      </el-table-column>
      <el-table-column label="签收状态" align="center" prop="signStatus" />
      <el-table-column label="签收重量(吨)" align="center" prop="signWeight" width="100" />
      <el-table-column label="签收人" align="center" prop="signPerson" />
      <el-table-column label="签收日期" align="center" prop="signDate" width="180">
        <template slot-scope="scope">
          <span>{{ parseTime(scope.row.signDate, '{y}-{m}-{d} {h}:{i}:{s}') }}</span>
        </template>
      </el-table-column>
      <el-table-column label="是否货损" align="center" prop="goodsDamage" />
      <el-table-column label="货损照片" align="center" prop="goodsDamagePicture" width="100">
        <template slot-scope="scope">
          <image-preview :src="scope.row.goodsDamagePicture" :width="50" :height="25"/>
        </template>
      </el-table-column>
      <el-table-column label="是否事故" align="center" prop="trafficAccident" />
      <el-table-column label="事故照片" align="center" prop="trafficAccidentPicture" width="100">
        <template slot-scope="scope">
          <image-preview :src="scope.row.trafficAccidentPicture" :width="50" :height="25"/>
        </template>
      </el-table-column>
      <el-table-column label="延迟付费" align="center" prop="delayPayment" />
      <el-table-column label="签收备注" align="center" prop="signRemark" />
      <el-table-column label="签收图片" align="center" prop="signPicture" width="100">
        <template slot-scope="scope">
          <image-preview :src="scope.row.signPicture" :width="50" :height="25"/>
        </template>
      </el-table-column>
      <el-table-column label="审核结果" align="center" prop="signReviewResult" />
      <el-table-column label="审核备注" align="center" prop="signReviewRemark" />
      <el-table-column label="签收审核人" align="center" prop="signReviewPerson" width="100" />
      <el-table-column label="签收审核时间" align="center" prop="signReviewTime" width="180">
        <template slot-scope="scope">
          <span>{{ parseTime(scope.row.signReviewTime, '{y}-{m}-{d} {h}:{i}:{s}') }}</span>
        </template>
      </el-table-column>
      <el-table-column label="回单状态" align="center" prop="returnDocumentStatus" />
      <el-table-column label="回单备注" align="center" prop="returnDocumentRemark" />
      <el-table-column label="回单人" align="center" prop="returnDocumentPerson" />
      <el-table-column label="回单时间" align="center" prop="returnDocumentTime" width="180">
        <template slot-scope="scope">
          <span>{{ parseTime(scope.row.returnDocumentTime, '{y}-{m}-{d} {h}:{i}:{s}') }}</span>
        </template>
      </el-table-column-->
      <el-table-column label="现金加气" align="center" prop="cashRefuel" />
      <el-table-column label="定点加气" align="center" prop="designateRefuel" />
      <el-table-column label="路费(现金)" align="center" prop="tollFeeCash" width="100" />
      <el-table-column label="路费(ETC)" align="center" prop="tollFeeEtc" width="100" />
      <el-table-column label="罚款" align="center" prop="forfeit" />
      <el-table-column label="主信息费" align="center" prop="informationFee" />
      <el-table-column label="配信息费" align="center" prop="minorInformationFee" />
      <el-table-column label="修车费" align="center" prop="repairTruckFee" />
      <el-table-column label="服务站修车" align="center" prop="serviceStationRepair" width="100" />
      <el-table-column label="轮胎费" align="center" prop="tireFee" />
      <el-table-column label="其他" align="center" prop="otherFee" />
      <el-table-column label="保险费" align="center" prop="insurancePremium" />
      <el-table-column label="车船税" align="center" prop="vehicleVesselTax" />
      <el-table-column label="北斗费" align="center" prop="greatDipperFee" />
      <el-table-column label="气瓶证费" align="center" prop="gasCylinderFee" />
      <el-table-column label="支出总计" align="center" prop="expenseTotal" />
      <el-table-column label="利润" align="center" prop="profit" />
      <el-table-column label="挂账状态" align="center" prop="pendAccountStatus" />
      <el-table-column label="挂账人" align="center" prop="pendAccountPerson" />
      <el-table-column label="挂账时间" align="center" prop="pendAccountTime" width="180">
        <template slot-scope="scope">
          <span>{{ parseTime(scope.row.pendAccountTime, '{y}-{m}-{d} {h}:{i}:{s}') }}</span>
        </template>
      </el-table-column>
      <!--el-table-column label="挂账审核状态" align="center" prop="pendAccountAuditStatus" />
      <el-table-column label="挂账审核人" align="center" prop="pendAccountAuditPerson" width="100" />
      <el-table-column label="挂账审核时间" align="center" prop="pendAccountAuditTime" width="180">
        <template slot-scope="scope">
          <span>{{ parseTime(scope.row.pendAccountAuditTime, '{y}-{m}-{d} {h}:{i}:{s}') }}</span>
        </template>
      </el-table-column>
      <el-table-column label="运费账单状态" align="center" prop="freightBillStatus" />
      <el-table-column label="运费账单编号" align="center" prop="freightBillNumber" width="160" :show-overflow-tooltip="true" />
      <el-table-column label="结算账单状态" align="center" prop="settlementBillStatus" />
      <el-table-column label="结算账单编号" align="center" prop="settlementBillNumber" width="160" :show-overflow-tooltip="true" />
      <el-table-column label="利润账单编号" align="center" prop="profitBillNumber" />
      <el-table-column label="发票状态" align="center" prop="invoiceStatus" />
      <el-table-column label="发票编号" align="center" prop="invoiceNumber" width="160" :show-overflow-tooltip="true" />
      <el-table-column label="快递单号" align="center" prop="invoiceExpressNumber" width="160" :show-overflow-tooltip="true" /-->
      <!--el-table-column label="回程运单" align="center" prop="returnWayBillMark" /-->
      <!--el-table-column label="去程单号" align="center" prop="upwardWayBillNumber" width="100" />
      <el-table-column label="回程单号" align="center" prop="downwardWayBillNumber" width="110" />
      <el-table-column label="计划编号" align="center" prop="transportPlanNumber" width="160" :show-overflow-tooltip="true" /-->
      <el-table-column label="创建者" align="center" prop="createBy" />
      <el-table-column label="创建时间" align="center" prop="createTime" width="180">
        <template slot-scope="scope">
          <span>{{ parseTime(scope.row.createTime, '{y}-{m}-{d} {h}:{i}:{s}') }}</span>
        </template>
      </el-table-column>
    </el-table>
    
    <pagination
      v-show="total>0"
      :total="total"
      :page.sync="queryParams.pageNum"
      :limit.sync="queryParams.pageSize"
      @pagination="getList"
    />

    <!-- 添加或修改运单信息对话框 -->
    <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
      <el-form ref="form" :model="form" :rules="rules" label-width="120px">
        <el-form-item label="运单编号" prop="wayBillNumber">
          <el-input v-model="form.wayBillNumber" placeholder="请输入运单编号" clearable />
        </el-form-item>
        <el-form-item label="运单状态" prop="wayBillStatus">
          <el-select v-model="form.wayBillStatus" placeholder="请选择运单状态" style="width: 340px;" clearable>
            <el-option
              v-for="dict in dict.type.way_bill_status"
              :key="dict.value"
              :label="dict.label"
              :value="dict.label"
            ></el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="录单时间" prop="recordTime">
          <el-date-picker clearable
            v-model="form.recordTime"
            type="datetime"
            value-format="yyyy-MM-dd HH:mm:ss"
            placeholder="请选择录单时间"
            style="width: 340px;">
          </el-date-picker>
        </el-form-item>
        <el-form-item label="发货电话" prop="sendGoodsMobile">
          <el-input v-model="form.sendGoodsMobile" placeholder="请输入发货电话" clearable />
        </el-form-item>
        <el-form-item label="发货人" prop="sendGoodsPerson">
          <el-input v-model="form.sendGoodsPerson" placeholder="请输入发货人" clearable />
        </el-form-item>
        <el-form-item label="发货地址" prop="sendGoodsAddress">
          <el-input v-model="form.sendGoodsAddress" placeholder="请输入发货地址" clearable />
        </el-form-item>
        <el-form-item label="始发流向" prop="beginFlowDirection">
          <el-input v-model="form.beginFlowDirection" placeholder="请输入始发流向" clearable />
        </el-form-item>
        <el-form-item label="发货客户" prop="sendGoodsCustomer">
          <el-select v-model="form.sendGoodsCustomer" placeholder="请选择发货客户" style="width: 340px;" clearable>
            <el-option
              v-for="dict in dict.type.sys_yes_no"
              :key="dict.value"
              :label="dict.label"
              :value="dict.label"
            ></el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="收货电话" prop="receiveGoodsMobile">
          <el-input v-model="form.receiveGoodsMobile" placeholder="请输入收货电话" clearable />
        </el-form-item>
        <el-form-item label="收货人" prop="receiveGoodsPerson">
          <el-input v-model="form.receiveGoodsPerson" placeholder="请输入收货人" clearable />
        </el-form-item>
        <el-form-item label="收货地址" prop="receiveGoodsAddress">
          <el-input v-model="form.receiveGoodsAddress" placeholder="请输入收货地址" clearable />
        </el-form-item>
        <el-form-item label="目的流向" prop="endFlowDirection">
          <el-input v-model="form.endFlowDirection" placeholder="请输入目的流向" clearable />
        </el-form-item>
        <el-form-item label="收货客户" prop="receiveGoodsCustomer">
          <el-select v-model="form.receiveGoodsCustomer" placeholder="请选择收货客户" style="width: 340px;" clearable>
            <el-option
              v-for="dict in dict.type.sys_yes_no"
              :key="dict.value"
              :label="dict.label"
              :value="dict.label"
            ></el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="收货备注" prop="receiveGoodsRemark">
          <el-input v-model="form.receiveGoodsRemark" placeholder="请输入收货备注" clearable />
        </el-form-item>
        <el-form-item label="发货电话" prop="minorSendGoodsMobile">
          <el-input v-model="form.minorSendGoodsMobile" placeholder="请输入发货电话" clearable />
        </el-form-item>
        <el-form-item label="发货人" prop="minorSendGoodsPerson">
          <el-input v-model="form.minorSendGoodsPerson" placeholder="请输入发货人" clearable />
        </el-form-item>
        <el-form-item label="发货地址" prop="minorSendGoodsAddress">
          <el-input v-model="form.minorSendGoodsAddress" placeholder="请输入发货地址" clearable />
        </el-form-item>
        <el-form-item label="发货客户" prop="minorSendGoodsCustomer">
          <el-select v-model="form.minorSendGoodsCustomer" placeholder="请选择发货客户" style="width: 340px;" clearable>
            <el-option
              v-for="dict in dict.type.sys_yes_no"
              :key="dict.value"
              :label="dict.label"
              :value="dict.label"
            ></el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="收货电话" prop="minorReceiveGoodsMobile">
          <el-input v-model="form.minorReceiveGoodsMobile" placeholder="请输入收货电话" clearable />
        </el-form-item>
        <el-form-item label="收货人" prop="minorReceiveGoodsPerson">
          <el-input v-model="form.minorReceiveGoodsPerson" placeholder="请输入收货人" clearable />
        </el-form-item>
        <el-form-item label="收货地址" prop="minorReceiveGoodsAddress">
          <el-input v-model="form.minorReceiveGoodsAddress" placeholder="请输入收货地址" clearable />
        </el-form-item>
        <el-form-item label="收货客户" prop="minorReceiveGoodsCustomer">
          <el-select v-model="form.minorReceiveGoodsCustomer" placeholder="请选择收货客户" style="width: 340px;" clearable>
            <el-option
              v-for="dict in dict.type.sys_yes_no"
              :key="dict.value"
              :label="dict.label"
              :value="dict.label"
            ></el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="车牌号码" prop="vehicleLicenseNumber">
          <el-input v-model="form.vehicleLicenseNumber" placeholder="请输入车牌号码" clearable />
        </el-form-item>
        <el-form-item label="车辆标记" prop="vehicleMark">
          <el-select v-model="form.vehicleMark" placeholder="请选择车辆标记" style="width: 340px;" clearable>
            <el-option
              v-for="dict in dict.type.vehicle_mark"
              :key="dict.value"
              :label="dict.label"
              :value="dict.label"
            ></el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="司机姓名" prop="driverName">
          <el-input v-model="form.driverName" placeholder="请输入司机姓名" clearable />
        </el-form-item>
        <el-form-item label="司机电话" prop="contactMobile">
          <el-input v-model="form.contactMobile" placeholder="请输入司机电话" clearable />
        </el-form-item>
        <el-form-item label="货物类型" prop="goodsType">
          <el-select v-model="form.goodsType" placeholder="请选择货物类型" style="width: 340px;" clearable>
            <el-option
              v-for="dict in dict.type.goods_type"
              :key="dict.value"
              :label="dict.label"
              :value="dict.label"
            ></el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="重量(吨)" prop="freightWeight">
          <el-input v-model="form.freightWeight" placeholder="请输入重量(吨)" clearable />
        </el-form-item>
        <el-form-item label="件数" prop="freightNumber">
          <el-input v-model="form.freightNumber" placeholder="请输入件数" clearable />
        </el-form-item>
        <el-form-item label="运费计价" prop="freightPriceMode">
          <el-select v-model="form.freightPriceMode" placeholder="请选择运费计价" style="width: 340px;" clearable>
            <el-option
              v-for="dict in dict.type.price_mode"
              :key="dict.value"
              :label="dict.label"
              :value="dict.label"
            ></el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="运费价格" prop="freightPrice">
          <el-input v-model="form.freightPrice" placeholder="请输入运费价格" clearable />
        </el-form-item>
        <el-form-item label="运费金额" prop="freightAmount">
          <el-input v-model="form.freightAmount" placeholder="请输入运费金额" clearable />
        </el-form-item>
        <el-form-item label="运费补贴" prop="primage">
          <el-input v-model="form.primage" placeholder="请输入运费补贴" clearable />
        </el-form-item>
        <el-form-item label="补贴备注" prop="primageRemark">
          <el-input v-model="form.primageRemark" placeholder="请输入补贴备注" clearable />
        </el-form-item>
        <el-form-item label="装卸费用" prop="handleCost">
          <el-input v-model="form.handleCost" placeholder="请输入装卸费用" clearable />
        </el-form-item>
        <el-form-item label="运费总额" prop="freightTotalAmount">
          <el-input v-model="form.freightTotalAmount" placeholder="请输入运费总额" clearable />
        </el-form-item>
        <el-form-item label="付款方式" prop="freightPaymentMethod">
          <el-select v-model="form.freightPaymentMethod" placeholder="请选择付款方式" style="width: 340px;" clearable>
            <el-option
              v-for="dict in dict.type.payment_mode"
              :key="dict.value"
              :label="dict.label"
              :value="dict.label"
            ></el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="付款状态" prop="freightPaymentStatus">
          <el-select v-model="form.freightPaymentStatus" placeholder="请选择付款状态" style="width: 340px;" clearable>
            <el-option
              v-for="dict in dict.type.payment_status"
              :key="dict.value"
              :label="dict.label"
              :value="dict.label"
            ></el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="付款人" prop="freightPaymentPerson">
          <el-input v-model="form.freightPaymentPerson" placeholder="请输入付款人" clearable />
        </el-form-item>
        <el-form-item label="付款日期" prop="freightPaymentDate">
          <el-date-picker clearable
            v-model="form.freightPaymentDate"
            type="datetime"
            value-format="yyyy-MM-dd HH:mm:ss"
            placeholder="请选择付款日期"
            style="width: 340px;">
          </el-date-picker>
        </el-form-item>
        <el-form-item label="结算计价" prop="settlementPriceMode">
          <el-select v-model="form.settlementPriceMode" placeholder="请选择结算计价" style="width: 340px;" clearable>
            <el-option
              v-for="dict in dict.type.price_mode"
              :key="dict.value"
              :label="dict.label"
              :value="dict.label"
            ></el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="结算价格" prop="settlementPrice">
          <el-input v-model="form.settlementPrice" placeholder="请输入结算价格" clearable />
        </el-form-item>
        <el-form-item label="结算金额" prop="settlementAmount">
          <el-input v-model="form.settlementAmount" placeholder="请输入结算金额" clearable />
        </el-form-item>
        <el-form-item label="附加运费" prop="premium">
          <el-input v-model="form.premium" placeholder="请输入附加运费" clearable />
        </el-form-item>
        <el-form-item label="附加备注" prop="premiumRemark">
          <el-input v-model="form.premiumRemark" placeholder="请输入附加备注" clearable />
        </el-form-item>
        <el-form-item label="结算总额" prop="settlementTotalAmount">
          <el-input v-model="form.settlementTotalAmount" placeholder="请输入结算总额" clearable />
        </el-form-item>
        <el-form-item label="运单备注" prop="wayBillRemark">
          <el-input v-model="form.wayBillRemark" placeholder="请输入运单备注" clearable />
        </el-form-item>
        <el-form-item label="结算客户" prop="settlementCustomer">
          <el-select v-model="form.settlementCustomer" placeholder="请选择结算客户" style="width: 340px;" clearable>
            <el-option
              v-for="dict in dict.type.sys_yes_no"
              :key="dict.value"
              :label="dict.label"
              :value="dict.label"
            ></el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="结算方式" prop="settlementMethod">
          <el-select v-model="form.settlementMethod" placeholder="请选择结算方式" style="width: 340px;" clearable>
            <el-option
              v-for="dict in dict.type.settlement_mode"
              :key="dict.value"
              :label="dict.label"
              :value="dict.label"
            ></el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="结算状态" prop="settlementStatus">
          <el-select v-model="form.settlementStatus" placeholder="请选择结算状态" style="width: 340px;" clearable>
            <el-option
              v-for="dict in dict.type.settlement_status"
              :key="dict.value"
              :label="dict.label"
              :value="dict.label"
            ></el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="结算人" prop="settlementPerson">
          <el-input v-model="form.settlementPerson" placeholder="请输入结算人" clearable />
        </el-form-item>
        <el-form-item label="结算日期" prop="settlementDate">
          <el-date-picker clearable
            v-model="form.settlementDate"
            type="datetime"
            value-format="yyyy-MM-dd HH:mm:ss"
            placeholder="请选择结算日期"
            style="width: 340px;">
          </el-date-picker>
        </el-form-item>
        <el-form-item label="货物类型" prop="minorGoodsType">
          <el-select v-model="form.minorGoodsType" placeholder="请选择货物类型" style="width: 340px;" clearable>
            <el-option
              v-for="dict in dict.type.goods_type"
              :key="dict.value"
              :label="dict.label"
              :value="dict.label"
            ></el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="重量(吨)" prop="minorFreightWeight">
          <el-input v-model="form.minorFreightWeight" placeholder="请输入重量(吨)" clearable />
        </el-form-item>
        <el-form-item label="件数" prop="minorFreightNumber">
          <el-input v-model="form.minorFreightNumber" placeholder="请输入件数" clearable />
        </el-form-item>
        <el-form-item label="运费计价" prop="minorFreightPriceMode">
          <el-select v-model="form.minorFreightPriceMode" placeholder="请选择运费计价" style="width: 340px;" clearable>
            <el-option
              v-for="dict in dict.type.price_mode"
              :key="dict.value"
              :label="dict.label"
              :value="dict.label"
            ></el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="运费价格" prop="minorFreightPrice">
          <el-input v-model="form.minorFreightPrice" placeholder="请输入运费价格" clearable />
        </el-form-item>
        <el-form-item label="运费金额" prop="minorFreightAmount">
          <el-input v-model="form.minorFreightAmount" placeholder="请输入运费金额" clearable />
        </el-form-item>
        <el-form-item label="结算计价" prop="minorSettlementPriceMode">
          <el-select v-model="form.minorSettlementPriceMode" placeholder="请选择结算计价" style="width: 340px;" clearable>
            <el-option
              v-for="dict in dict.type.price_mode"
              :key="dict.value"
              :label="dict.label"
              :value="dict.label"
            ></el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="结算价格" prop="minorSettlementPrice">
          <el-input v-model="form.minorSettlementPrice" placeholder="请输入结算价格" clearable />
        </el-form-item>
        <el-form-item label="结算金额" prop="minorSettlementAmount">
          <el-input v-model="form.minorSettlementAmount" placeholder="请输入结算金额" clearable />
        </el-form-item>
        <el-form-item label="结算客户" prop="minorSettlementCustomer">
          <el-select v-model="form.minorSettlementCustomer" placeholder="请选择结算客户" style="width: 340px;" clearable>
            <el-option
              v-for="dict in dict.type.sys_yes_no"
              :key="dict.value"
              :label="dict.label"
              :value="dict.label"
            ></el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="结算方式" prop="minorSettlementMethod">
          <el-select v-model="form.minorSettlementMethod" placeholder="请选择结算方式" style="width: 340px;" clearable>
            <el-option
              v-for="dict in dict.type.settlement_mode"
              :key="dict.value"
              :label="dict.label"
              :value="dict.label"
            ></el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="结算状态" prop="minorSettlementStatus">
          <el-select v-model="form.minorSettlementStatus" placeholder="请选择结算状态" style="width: 340px;" clearable>
            <el-option
              v-for="dict in dict.type.settlement_status"
              :key="dict.value"
              :label="dict.label"
              :value="dict.label"
            ></el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="结算人" prop="minorSettlementPerson">
          <el-input v-model="form.minorSettlementPerson" placeholder="请输入结算人" clearable />
        </el-form-item>
        <el-form-item label="结算日期" prop="minorSettlementDate">
          <el-date-picker clearable
            v-model="form.minorSettlementDate"
            type="datetime"
            value-format="yyyy-MM-dd HH:mm:ss"
            placeholder="请选择结算日期"
            style="width: 340px;">
          </el-date-picker>
        </el-form-item>
        <el-form-item label="结算计价" prop="extraSettlementPriceMode">
          <el-select v-model="form.extraSettlementPriceMode" placeholder="请选择结算计价" style="width: 340px;" clearable>
            <el-option
              v-for="dict in dict.type.price_mode"
              :key="dict.value"
              :label="dict.label"
              :value="dict.label"
            ></el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="结算价格" prop="extraSettlementPrice">
          <el-input v-model="form.extraSettlementPrice" placeholder="请输入结算价格" clearable />
        </el-form-item>
        <el-form-item label="结算税点" prop="extraSettlementTax">
          <el-input v-model="form.extraSettlementTax" placeholder="请输入结算税点" clearable />
        </el-form-item>
        <el-form-item label="结算金额" prop="extraSettlementAmount">
          <el-input v-model="form.extraSettlementAmount" placeholder="请输入结算金额" clearable />
        </el-form-item>
        <el-form-item label="结算客户" prop="extraSettlementCustomer">
          <el-select v-model="form.extraSettlementCustomer" placeholder="请选择结算客户" style="width: 340px;" clearable>
            <el-option
              v-for="dict in dict.type.sys_yes_no"
              :key="dict.value"
              :label="dict.label"
              :value="dict.label"
            ></el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="结算方式" prop="extraSettlementMethod">
          <el-select v-model="form.extraSettlementMethod" placeholder="请选择结算方式" style="width: 340px;" clearable>
            <el-option
              v-for="dict in dict.type.settlement_mode"
              :key="dict.value"
              :label="dict.label"
              :value="dict.label"
            ></el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="结算状态" prop="extraSettlementStatus">
          <el-select v-model="form.extraSettlementStatus" placeholder="请选择结算状态" style="width: 340px;" clearable>
            <el-option
              v-for="dict in dict.type.settlement_status"
              :key="dict.value"
              :label="dict.label"
              :value="dict.label"
            ></el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="结算人" prop="extraSettlementPerson">
          <el-input v-model="form.extraSettlementPerson" placeholder="请输入结算人" clearable />
        </el-form-item>
        <el-form-item label="结算日期" prop="extraSettlementDate">
          <el-date-picker clearable
            v-model="form.extraSettlementDate"
            type="datetime"
            value-format="yyyy-MM-dd HH:mm:ss"
            placeholder="请选择结算日期"
            style="width: 340px;">
          </el-date-picker>
        </el-form-item>
        <el-form-item label="推送仓库状态" prop="pushWmsStatus">
          <el-select v-model="form.pushWmsStatus" placeholder="请选择推送仓库状态" style="width: 340px;" clearable>
            <el-option
              v-for="dict in dict.type.push_wms_status"
              :key="dict.value"
              :label="dict.label"
              :value="dict.label"
            ></el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="发送短信状态" prop="sendSmsStatus">
          <el-select v-model="form.sendSmsStatus" placeholder="请选择发送短信状态" style="width: 340px;" clearable>
            <el-option
              v-for="dict in dict.type.send_sms_status"
              :key="dict.value"
              :label="dict.label"
              :value="dict.label"
            ></el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="接单状态" prop="receiveOrderStatus">
          <el-select v-model="form.receiveOrderStatus" placeholder="请选择接单状态" style="width: 340px;" clearable>
            <el-option
              v-for="dict in dict.type.receive_order_status"
              :key="dict.value"
              :label="dict.label"
              :value="dict.label"
            ></el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="装车重量(吨)" prop="loadWeight">
          <el-input v-model="form.loadWeight" placeholder="请输入装车重量(吨)" clearable />
        </el-form-item>
        <el-form-item label="装车时间" prop="loadTime">
          <el-date-picker clearable
            v-model="form.loadTime"
            type="datetime"
            value-format="yyyy-MM-dd HH:mm:ss"
            placeholder="请选择装车时间"
            style="width: 340px;">
          </el-date-picker>
        </el-form-item>
        <el-form-item label="装车图片" prop="loadPicture">
          <image-upload v-model="form.loadPicture"/>
        </el-form-item>
        <el-form-item label="卸车重量(吨)" prop="unloadWeight">
          <el-input v-model="form.unloadWeight" placeholder="请输入卸车重量(吨)" clearable />
        </el-form-item>
        <el-form-item label="卸车时间" prop="unloadTime">
          <el-date-picker clearable
            v-model="form.unloadTime"
            type="datetime"
            value-format="yyyy-MM-dd HH:mm:ss"
            placeholder="请选择卸车时间"
            style="width: 340px;">
          </el-date-picker>
        </el-form-item>
        <el-form-item label="卸车图片" prop="unloadPicture">
          <image-upload v-model="form.unloadPicture"/>
        </el-form-item>
        <el-form-item label="签收状态" prop="signStatus">
          <el-select v-model="form.signStatus" placeholder="请选择签收状态" style="width: 340px;" clearable>
            <el-option
              v-for="dict in dict.type.sign_status"
              :key="dict.value"
              :label="dict.label"
              :value="dict.label"
            ></el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="签收重量(吨)" prop="signWeight">
          <el-input v-model="form.signWeight" placeholder="请输入签收重量(吨)" clearable />
        </el-form-item>
        <el-form-item label="签收人" prop="signPerson">
          <el-input v-model="form.signPerson" placeholder="请输入签收人" clearable />
        </el-form-item>
        <el-form-item label="签收日期" prop="signDate">
          <el-date-picker clearable
            v-model="form.signDate"
            type="datetime"
            value-format="yyyy-MM-dd HH:mm:ss"
            placeholder="请选择签收日期"
            style="width: 340px;">
          </el-date-picker>
        </el-form-item>
        <el-form-item label="是否货损" prop="goodsDamage">
          <el-radio-group v-model="form.goodsDamage">
            <el-radio
              v-for="dict in dict.type.sys_yes_no"
              :key="dict.value"
              :label="dict.value"
            >{{dict.label}}</el-radio>
          </el-radio-group>
        </el-form-item>
        <el-form-item label="货损照片" prop="goodsDamagePicture">
          <image-upload v-model="form.goodsDamagePicture"/>
        </el-form-item>
        <el-form-item label="是否事故" prop="trafficAccident">
          <el-radio-group v-model="form.trafficAccident">
            <el-radio
              v-for="dict in dict.type.sys_yes_no"
              :key="dict.value"
              :label="dict.value"
            >{{dict.label}}</el-radio>
          </el-radio-group>
        </el-form-item>
        <el-form-item label="事故照片" prop="trafficAccidentPicture">
          <image-upload v-model="form.trafficAccidentPicture"/>
        </el-form-item>
        <el-form-item label="延迟付费" prop="delayPayment">
          <el-radio-group v-model="form.delayPayment">
            <el-radio
              v-for="dict in dict.type.sys_yes_no"
              :key="dict.value"
              :label="dict.value"
            >{{dict.label}}</el-radio>
          </el-radio-group>
        </el-form-item>
        <el-form-item label="签收备注" prop="signRemark">
          <el-input v-model="form.signRemark" placeholder="请输入签收备注" clearable />
        </el-form-item>
        <el-form-item label="签收图片" prop="signPicture">
          <image-upload v-model="form.signPicture"/>
        </el-form-item>
        <el-form-item label="审核结果" prop="signReviewResult">
          <el-select v-model="form.signReviewResult" placeholder="请选择审核结果" style="width: 340px;" clearable>
            <el-option
              v-for="dict in dict.type.audit_pass_return"
              :key="dict.value"
              :label="dict.label"
              :value="dict.label"
            ></el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="审核备注" prop="signReviewRemark">
          <el-input v-model="form.signReviewRemark" placeholder="请输入审核备注" clearable />
        </el-form-item>
        <el-form-item label="签收审核人" prop="signReviewPerson">
          <el-input v-model="form.signReviewPerson" placeholder="请输入签收审核人" clearable />
        </el-form-item>
        <el-form-item label="签收审核时间" prop="signReviewTime">
          <el-date-picker clearable
            v-model="form.signReviewTime"
            type="datetime"
            value-format="yyyy-MM-dd HH:mm:ss"
            placeholder="请选择签收审核时间"
            style="width: 340px;">
          </el-date-picker>
        </el-form-item>
        <el-form-item label="回单状态" prop="returnDocumentStatus">
          <el-select v-model="form.returnDocumentStatus" placeholder="请选择回单状态" style="width: 340px;" clearable>
            <el-option
              v-for="dict in dict.type.return_document_status"
              :key="dict.value"
              :label="dict.label"
              :value="dict.label"
            ></el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="回单备注" prop="returnDocumentRemark">
          <el-input v-model="form.returnDocumentRemark" placeholder="请输入回单备注" clearable />
        </el-form-item>
        <el-form-item label="回单人" prop="returnDocumentPerson">
          <el-input v-model="form.returnDocumentPerson" placeholder="请输入回单人" clearable />
        </el-form-item>
        <el-form-item label="回单时间" prop="returnDocumentTime">
          <el-date-picker clearable
            v-model="form.returnDocumentTime"
            type="datetime"
            value-format="yyyy-MM-dd HH:mm:ss"
            placeholder="请选择回单时间"
            style="width: 340px;">
          </el-date-picker>
        </el-form-item>
        <el-form-item label="现金加气" prop="cashRefuel">
          <el-input v-model="form.cashRefuel" placeholder="请输入现金加气" clearable />
        </el-form-item>
        <el-form-item label="定点加气" prop="designateRefuel">
          <el-input v-model="form.designateRefuel" placeholder="请输入定点加气" clearable />
        </el-form-item>
        <el-form-item label="路费(现金)" prop="tollFeeCash">
          <el-input v-model="form.tollFeeCash" placeholder="请输入路费(现金)" clearable />
        </el-form-item>
        <el-form-item label="路费(ETC)" prop="tollFeeEtc">
          <el-input v-model="form.tollFeeEtc" placeholder="请输入路费(ETC)" clearable />
        </el-form-item>
        <el-form-item label="罚款" prop="forfeit">
          <el-input v-model="form.forfeit" placeholder="请输入罚款" clearable />
        </el-form-item>
        <el-form-item label="主信息费" prop="informationFee">
          <el-input v-model="form.informationFee" placeholder="请输入主信息费" clearable />
        </el-form-item>
        <el-form-item label="配信息费" prop="minorInformationFee">
          <el-input v-model="form.minorInformationFee" placeholder="请输入配信息费" clearable />
        </el-form-item>
        <el-form-item label="修车费" prop="repairTruckFee">
          <el-input v-model="form.repairTruckFee" placeholder="请输入修车费" clearable />
        </el-form-item>
        <el-form-item label="服务站修车" prop="serviceStationRepair">
          <el-input v-model="form.serviceStationRepair" placeholder="请输入服务站修车" clearable />
        </el-form-item>
        <el-form-item label="轮胎费" prop="tireFee">
          <el-input v-model="form.tireFee" placeholder="请输入轮胎费" clearable />
        </el-form-item>
        <el-form-item label="其他" prop="otherFee">
          <el-input v-model="form.otherFee" placeholder="请输入其他" clearable />
        </el-form-item>
        <el-form-item label="保险费" prop="insurancePremium">
          <el-input v-model="form.insurancePremium" placeholder="请输入保险费" clearable />
        </el-form-item>
        <el-form-item label="车船税" prop="vehicleVesselTax">
          <el-input v-model="form.vehicleVesselTax" placeholder="请输入车船税" clearable />
        </el-form-item>
        <el-form-item label="北斗费" prop="greatDipperFee">
          <el-input v-model="form.greatDipperFee" placeholder="请输入北斗费" clearable />
        </el-form-item>
        <el-form-item label="气瓶证费" prop="gasCylinderFee">
          <el-input v-model="form.gasCylinderFee" placeholder="请输入气瓶证费" clearable />
        </el-form-item>
        <el-form-item label="支出总计" prop="expenseTotal">
          <el-input v-model="form.expenseTotal" placeholder="请输入支出总计" clearable />
        </el-form-item>
        <el-form-item label="利润" prop="profit">
          <el-input v-model="form.profit" placeholder="请输入利润" clearable />
        </el-form-item>
        <el-form-item label="挂账状态" prop="pendAccountStatus">
          <el-select v-model="form.pendAccountStatus" placeholder="请选择挂账状态" style="width: 340px;" clearable>
            <el-option
              v-for="dict in dict.type.pend_account_status"
              :key="dict.value"
              :label="dict.label"
              :value="dict.label"
            ></el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="挂账人" prop="pendAccountPerson">
          <el-input v-model="form.pendAccountPerson" placeholder="请输入挂账人" clearable />
        </el-form-item>
        <el-form-item label="挂账时间" prop="pendAccountTime">
          <el-date-picker clearable
            v-model="form.pendAccountTime"
            type="datetime"
            value-format="yyyy-MM-dd HH:mm:ss"
            placeholder="请选择挂账时间"
            style="width: 340px;">
          </el-date-picker>
        </el-form-item>
        <el-form-item label="挂账审核状态" prop="pendAccountAuditStatus">
          <el-select v-model="form.pendAccountAuditStatus" placeholder="请选择挂账审核状态" style="width: 340px;" clearable>
            <el-option
              v-for="dict in dict.type.audit_pass_return"
              :key="dict.value"
              :label="dict.label"
              :value="dict.label"
            ></el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="挂账审核人" prop="pendAccountAuditPerson">
          <el-input v-model="form.pendAccountAuditPerson" placeholder="请输入挂账审核人" clearable />
        </el-form-item>
        <el-form-item label="挂账审核时间" prop="pendAccountAuditTime">
          <el-date-picker clearable
            v-model="form.pendAccountAuditTime"
            type="datetime"
            value-format="yyyy-MM-dd HH:mm:ss"
            placeholder="请选择挂账审核时间"
            style="width: 340px;">
          </el-date-picker>
        </el-form-item>
        <el-form-item label="运费账单状态" prop="freightBillStatus">
          <el-select v-model="form.freightBillStatus" placeholder="请选择运费账单状态" style="width: 340px;" clearable>
            <el-option
              v-for="dict in dict.type.bill_status"
              :key="dict.value"
              :label="dict.label"
              :value="dict.label"
            ></el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="运费账单编号" prop="freightBillNumber">
          <el-input v-model="form.freightBillNumber" placeholder="请输入运费账单编号" clearable />
        </el-form-item>
        <el-form-item label="结算账单状态" prop="settlementBillStatus">
          <el-select v-model="form.settlementBillStatus" placeholder="请选择结算账单状态" style="width: 340px;" clearable>
            <el-option
              v-for="dict in dict.type.bill_status"
              :key="dict.value"
              :label="dict.label"
              :value="dict.label"
            ></el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="结算账单编号" prop="settlementBillNumber">
          <el-input v-model="form.settlementBillNumber" placeholder="请输入结算账单编号" clearable />
        </el-form-item>
        <el-form-item label="利润账单编号" prop="profitBillNumber">
          <el-input v-model="form.profitBillNumber" placeholder="请输入利润账单编号" clearable />
        </el-form-item>
        <el-form-item label="发票状态" prop="invoiceStatus">
          <el-select v-model="form.invoiceStatus" placeholder="请选择发票状态" style="width: 340px;" clearable>
            <el-option
              v-for="dict in dict.type.invoice_status"
              :key="dict.value"
              :label="dict.label"
              :value="dict.label"
            ></el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="发票编号" prop="invoiceNumber">
          <el-input v-model="form.invoiceNumber" placeholder="请输入发票编号" clearable />
        </el-form-item>
        <el-form-item label="快递单号" prop="invoiceExpressNumber">
          <el-input v-model="form.invoiceExpressNumber" placeholder="请输入快递单号" clearable />
        </el-form-item>
        <el-form-item label="回程运单" prop="returnWayBillMark">
          <el-input v-model="form.returnWayBillMark" placeholder="请输入回程运单" clearable />
        </el-form-item>
        <el-form-item label="去程单号" prop="upwardWayBillNumber">
          <el-input v-model="form.upwardWayBillNumber" placeholder="请输入去程单号" clearable />
        </el-form-item>
        <el-form-item label="回程单号" prop="downwardWayBillNumber">
          <el-input v-model="form.downwardWayBillNumber" placeholder="请输入回程单号" clearable />
        </el-form-item>
        <el-form-item label="运单标记" prop="wayBillMark">
          <el-select v-model="form.wayBillMark" placeholder="请选择运单标记" style="width: 340px;" clearable>
            <el-option
              v-for="dict in dict.type.way_bill_mark"
              :key="dict.value"
              :label="dict.label"
              :value="dict.label"
            ></el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="计划编号" prop="transportPlanNumber">
          <el-input v-model="form.transportPlanNumber" placeholder="请输入计划编号" clearable />
        </el-form-item>
        <el-form-item label="园区代码" prop="parkCode">
          <el-input v-model="form.parkCode" placeholder="请输入园区代码" clearable />
        </el-form-item>
      </el-form>
      <div slot="footer" class="dialog-footer">
        <el-button type="primary" @click="submitForm">确 定</el-button>
        <el-button @click="cancel">取 消</el-button>
      </div>
    </el-dialog>
  </div>
</template>

<script>
import { listWaybill, getWaybill, delWaybill, addWaybill, updateWaybill, listWaybillByMonthProfitBillId } from "@/api/waybills/waybill";

export default {
  name: "Waybill",
  dicts: ['way_bill_mark', 'vehicle_mark', 'invoice_status', 'send_sms_status', 'sys_yes_no', 'payment_mode', 'payment_status', 'audit_pass_return', 'goods_type', 'settlement_status', 'price_mode', 'settlement_mode', 'push_wms_status', 'sign_status', 'return_document_status', 'pend_account_status', 'way_bill_status', 'receive_order_status', 'bill_status'],
  data() {
    return {
      // 定义列表高度
      tableHeight: 430,
      // 定义查询高度
      queryHeight: 200,
      // 遮罩层
      loading: true,
      // 选中数组
      ids: [],
      // 非单个禁用
      single: true,
      // 非多个禁用
      multiple: true,
      // 显示搜索条件
      showSearch: true,
      // 总条数
      total: 0,
      // 运单信息表格数据
      waybillList: [],
      // 弹出层标题
      title: "",
      // 是否显示弹出层
      open: false,
      // 园区代码时间范围
      daterangeRecordTime: [],
      // 园区代码时间范围
      daterangeLoadTime: [],
      // 园区代码时间范围
      daterangeUnloadTime: [],
      // 园区代码时间范围
      daterangeSignDate: [],
      // 园区代码时间范围
      daterangeSignReviewTime: [],
      // 园区代码时间范围
      daterangeReturnDocumentTime: [],
      // 园区代码时间范围
      daterangePendAccountTime: [],
      // 园区代码时间范围
      daterangePendAccountAuditTime: [],
      // 园区代码时间范围
      daterangeCreateTime: [],
      // 查询参数
      queryParams: {
        pageNum: 1,
        pageSize: 10,
        wayBillNumber: null,
        wayBillStatus: null,
        recordTime: null,
        sendGoodsMobile: null,
        sendGoodsPerson: null,
        sendGoodsAddress: null,
        beginFlowDirection: null,
        sendGoodsCustomer: null,
        receiveGoodsMobile: null,
        receiveGoodsPerson: null,
        receiveGoodsAddress: null,
        endFlowDirection: null,
        receiveGoodsCustomer: null,
        receiveGoodsRemark: null,
        minorSendGoodsMobile: null,
        minorSendGoodsPerson: null,
        minorSendGoodsAddress: null,
        minorSendGoodsCustomer: null,
        minorReceiveGoodsMobile: null,
        minorReceiveGoodsPerson: null,
        minorReceiveGoodsAddress: null,
        minorReceiveGoodsCustomer: null,
        vehicleLicenseNumber: null,
        vehicleMark: null,
        driverName: null,
        contactMobile: null,
        goodsType: null,
        freightWeight: null,
        freightNumber: null,
        freightPriceMode: null,
        freightPrice: null,
        freightAmount: null,
        primage: null,
        primageRemark: null,
        handleCost: null,
        freightTotalAmount: null,
        freightPaymentMethod: null,
        freightPaymentStatus: null,
        freightPaymentPerson: null,
        freightPaymentDate: null,
        settlementPriceMode: null,
        settlementPrice: null,
        settlementAmount: null,
        premium: null,
        premiumRemark: null,
        settlementTotalAmount: null,
        wayBillRemark: null,
        settlementCustomer: null,
        settlementMethod: null,
        settlementStatus: null,
        settlementPerson: null,
        settlementDate: null,
        minorGoodsType: null,
        minorFreightWeight: null,
        minorFreightNumber: null,
        minorFreightPriceMode: null,
        minorFreightPrice: null,
        minorFreightAmount: null,
        minorSettlementPriceMode: null,
        minorSettlementPrice: null,
        minorSettlementAmount: null,
        minorSettlementCustomer: null,
        minorSettlementMethod: null,
        minorSettlementStatus: null,
        minorSettlementPerson: null,
        minorSettlementDate: null,
        extraSettlementPriceMode: null,
        extraSettlementPrice: null,
        extraSettlementTax: null,
        extraSettlementAmount: null,
        extraSettlementCustomer: null,
        extraSettlementMethod: null,
        extraSettlementStatus: null,
        extraSettlementPerson: null,
        extraSettlementDate: null,
        pushWmsStatus: null,
        sendSmsStatus: null,
        receiveOrderStatus: null,
        loadWeight: null,
        loadTime: null,
        loadPicture: null,
        unloadWeight: null,
        unloadTime: null,
        unloadPicture: null,
        signStatus: null,
        signWeight: null,
        signPerson: null,
        signDate: null,
        goodsDamage: null,
        goodsDamagePicture: null,
        trafficAccident: null,
        trafficAccidentPicture: null,
        delayPayment: null,
        signRemark: null,
        signPicture: null,
        signReviewResult: null,
        signReviewRemark: null,
        signReviewPerson: null,
        signReviewTime: null,
        returnDocumentStatus: null,
        returnDocumentRemark: null,
        returnDocumentPerson: null,
        returnDocumentTime: null,
        cashRefuel: null,
        designateRefuel: null,
        tollFeeCash: null,
        tollFeeEtc: null,
        forfeit: null,
        informationFee: null,
        minorInformationFee: null,
        repairTruckFee: null,
        serviceStationRepair: null,
        tireFee: null,
        otherFee: null,
        insurancePremium: null,
        vehicleVesselTax: null,
        greatDipperFee: null,
        gasCylinderFee: null,
        expenseTotal: null,
        profit: null,
        pendAccountStatus: null,
        pendAccountPerson: null,
        pendAccountTime: null,
        pendAccountAuditStatus: null,
        pendAccountAuditPerson: null,
        pendAccountAuditTime: null,
        freightBillStatus: null,
        freightBillNumber: null,
        settlementBillStatus: null,
        settlementBillNumber: null,
        profitBillNumber: null,
        invoiceStatus: null,
        invoiceNumber: null,
        invoiceExpressNumber: null,
        returnWayBillMark: null,
        upwardWayBillNumber: null,
        downwardWayBillNumber: null,
        wayBillMark: null,
        transportPlanNumber: null,
        parkCode: null,
        createBy: null,
        createTime: null,
      },
      // 表单参数
      form: {},
      // 月利润单ID
      monthProfitBillId: 0,
      // 表单校验
      rules: {
      }
    };
  },
  created() {
    const monthProfitBillId = this.$route.params && this.$route.params.monthProfitBillId;
    //console.log('this.$route.params', this.$route.params);
    //console.log('this.$route.params.monthProfitBillId', this.$route.params.monthProfitBillId);
    this.monthProfitBillId = monthProfitBillId;
    this.getList();
  },
  mounted() {
    this.$nextTick(() =>{
      // 根据浏览器高度设置初始高度 - 按钮行高度28 - 页码行高度28 - （面包屑+TAB行）高度160
      this.queryHeight = this.$refs.queryForm.$el.offsetHeight;
      this.tableHeight = window.innerHeight - this.$refs.queryForm.$el.offsetHeight - 28 - 28 - 160;
      // 监听浏览器高度变化，改变表格高度
      window.onresize = () =>{
        this.tableHeight = window.innerHeight - this.$refs.queryForm.$el.offsetHeight - 28 - 28 - 160;
      }
    })
  },
  methods: {
    /** 查询运单信息列表 */
    getList() {
      this.loading = true;
      this.queryParams.params = {};
      if (null != this.daterangeRecordTime && '' != this.daterangeRecordTime) {
        this.queryParams.params["beginRecordTime"] = this.daterangeRecordTime[0];
        this.queryParams.params["endRecordTime"] = this.daterangeRecordTime[1];
      }
      if (null != this.daterangeLoadTime && '' != this.daterangeLoadTime) {
        this.queryParams.params["beginLoadTime"] = this.daterangeLoadTime[0];
        this.queryParams.params["endLoadTime"] = this.daterangeLoadTime[1];
      }
      if (null != this.daterangeUnloadTime && '' != this.daterangeUnloadTime) {
        this.queryParams.params["beginUnloadTime"] = this.daterangeUnloadTime[0];
        this.queryParams.params["endUnloadTime"] = this.daterangeUnloadTime[1];
      }
      if (null != this.daterangeSignDate && '' != this.daterangeSignDate) {
        this.queryParams.params["beginSignDate"] = this.daterangeSignDate[0];
        this.queryParams.params["endSignDate"] = this.daterangeSignDate[1];
      }
      if (null != this.daterangeSignReviewTime && '' != this.daterangeSignReviewTime) {
        this.queryParams.params["beginSignReviewTime"] = this.daterangeSignReviewTime[0];
        this.queryParams.params["endSignReviewTime"] = this.daterangeSignReviewTime[1];
      }
      if (null != this.daterangeReturnDocumentTime && '' != this.daterangeReturnDocumentTime) {
        this.queryParams.params["beginReturnDocumentTime"] = this.daterangeReturnDocumentTime[0];
        this.queryParams.params["endReturnDocumentTime"] = this.daterangeReturnDocumentTime[1];
      }
      if (null != this.daterangePendAccountTime && '' != this.daterangePendAccountTime) {
        this.queryParams.params["beginPendAccountTime"] = this.daterangePendAccountTime[0];
        this.queryParams.params["endPendAccountTime"] = this.daterangePendAccountTime[1];
      }
      if (null != this.daterangePendAccountAuditTime && '' != this.daterangePendAccountAuditTime) {
        this.queryParams.params["beginPendAccountAuditTime"] = this.daterangePendAccountAuditTime[0];
        this.queryParams.params["endPendAccountAuditTime"] = this.daterangePendAccountAuditTime[1];
      }
      if (null != this.daterangeCreateTime && '' != this.daterangeCreateTime) {
        this.queryParams.params["beginCreateTime"] = this.daterangeCreateTime[0];
        this.queryParams.params["endCreateTime"] = this.daterangeCreateTime[1];
      }
      listWaybillByMonthProfitBillId(this.monthProfitBillId, this.queryParams).then(response => {
        this.waybillList = response.rows;
        this.total = response.total;
        this.loading = false;
      });
    },
    // 取消按钮
    cancel() {
      this.open = false;
      this.reset();
    },
    // 表单重置
    reset() {
      this.form = {
        wayBillId: null,
        wayBillNumber: null,
        wayBillStatus: null,
        recordTime: null,
        sendGoodsMobile: null,
        sendGoodsPerson: null,
        sendGoodsAddress: null,
        beginFlowDirection: null,
        sendGoodsCustomer: null,
        receiveGoodsMobile: null,
        receiveGoodsPerson: null,
        receiveGoodsAddress: null,
        endFlowDirection: null,
        receiveGoodsCustomer: null,
        receiveGoodsRemark: null,
        minorSendGoodsMobile: null,
        minorSendGoodsPerson: null,
        minorSendGoodsAddress: null,
        minorSendGoodsCustomer: null,
        minorReceiveGoodsMobile: null,
        minorReceiveGoodsPerson: null,
        minorReceiveGoodsAddress: null,
        minorReceiveGoodsCustomer: null,
        vehicleLicenseNumber: null,
        vehicleMark: null,
        driverName: null,
        contactMobile: null,
        goodsType: null,
        freightWeight: null,
        freightNumber: null,
        freightPriceMode: null,
        freightPrice: null,
        freightAmount: null,
        primage: null,
        primageRemark: null,
        handleCost: null,
        freightTotalAmount: null,
        freightPaymentMethod: null,
        freightPaymentStatus: null,
        freightPaymentPerson: null,
        freightPaymentDate: null,
        settlementPriceMode: null,
        settlementPrice: null,
        settlementAmount: null,
        premium: null,
        premiumRemark: null,
        settlementTotalAmount: null,
        wayBillRemark: null,
        settlementCustomer: null,
        settlementMethod: null,
        settlementStatus: null,
        settlementPerson: null,
        settlementDate: null,
        minorGoodsType: null,
        minorFreightWeight: null,
        minorFreightNumber: null,
        minorFreightPriceMode: null,
        minorFreightPrice: null,
        minorFreightAmount: null,
        minorSettlementPriceMode: null,
        minorSettlementPrice: null,
        minorSettlementAmount: null,
        minorSettlementCustomer: null,
        minorSettlementMethod: null,
        minorSettlementStatus: null,
        minorSettlementPerson: null,
        minorSettlementDate: null,
        extraSettlementPriceMode: null,
        extraSettlementPrice: null,
        extraSettlementTax: null,
        extraSettlementAmount: null,
        extraSettlementCustomer: null,
        extraSettlementMethod: null,
        extraSettlementStatus: null,
        extraSettlementPerson: null,
        extraSettlementDate: null,
        pushWmsStatus: null,
        sendSmsStatus: null,
        receiveOrderStatus: null,
        loadWeight: null,
        loadTime: null,
        loadPicture: null,
        unloadWeight: null,
        unloadTime: null,
        unloadPicture: null,
        signStatus: null,
        signWeight: null,
        signPerson: null,
        signDate: null,
        goodsDamage: null,
        goodsDamagePicture: null,
        trafficAccident: null,
        trafficAccidentPicture: null,
        delayPayment: null,
        signRemark: null,
        signPicture: null,
        signReviewResult: null,
        signReviewRemark: null,
        signReviewPerson: null,
        signReviewTime: null,
        returnDocumentStatus: null,
        returnDocumentRemark: null,
        returnDocumentPerson: null,
        returnDocumentTime: null,
        cashRefuel: null,
        designateRefuel: null,
        tollFeeCash: null,
        tollFeeEtc: null,
        forfeit: null,
        informationFee: null,
        minorInformationFee: null,
        repairTruckFee: null,
        serviceStationRepair: null,
        tireFee: null,
        otherFee: null,
        insurancePremium: null,
        vehicleVesselTax: null,
        greatDipperFee: null,
        gasCylinderFee: null,
        expenseTotal: null,
        profit: null,
        pendAccountStatus: null,
        pendAccountPerson: null,
        pendAccountTime: null,
        pendAccountAuditStatus: null,
        pendAccountAuditPerson: null,
        pendAccountAuditTime: null,
        freightBillStatus: null,
        freightBillNumber: null,
        settlementBillStatus: null,
        settlementBillNumber: null,
        profitBillNumber: null,
        invoiceStatus: null,
        invoiceNumber: null,
        invoiceExpressNumber: null,
        returnWayBillMark: null,
        upwardWayBillNumber: null,
        downwardWayBillNumber: null,
        wayBillMark: null,
        transportPlanNumber: null,
        dataRealm: null,
        parkCode: null,
        delFlag: null,
        createBy: null,
        createTime: null,
        updateBy: null,
        updateTime: null
      };
      this.resetForm("form");
    },
    /** 搜索按钮操作 */
    handleQuery() {
      this.queryParams.pageNum = 1;
      this.getList();
    },
    /** 重置按钮操作 */
    resetQuery() {
      this.daterangeRecordTime = [];
      this.daterangeLoadTime = [];
      this.daterangeUnloadTime = [];
      this.daterangeSignDate = [];
      this.daterangeSignReviewTime = [];
      this.daterangeReturnDocumentTime = [];
      this.daterangePendAccountTime = [];
      this.daterangePendAccountAuditTime = [];
      this.daterangeCreateTime = [];
      this.resetForm("queryForm");
      this.handleQuery();
    },
    // 多选框选中数据
    handleSelectionChange(selection) {
      this.ids = selection.map(item => item.wayBillId)
      this.single = selection.length!==1
      this.multiple = !selection.length
    },
    /** 新增按钮操作 */
    handleAdd() {
      this.reset();
      this.open = true;
      this.title = "添加运单信息";
    },
    /** 修改按钮操作 */
    handleUpdate(row) {
      this.reset();
      const wayBillId = row.wayBillId || this.ids
      getWaybill(wayBillId).then(response => {
        this.form = response.data;
        this.open = true;
        this.title = "修改运单信息";
      });
    },
    /** 提交按钮 */
    submitForm() {
      this.$refs["form"].validate(valid => {
        if (valid) {
          if (this.form.wayBillId != null) {
            updateWaybill(this.form).then(response => {
              this.$modal.msgSuccess("修改成功");
              this.open = false;
              this.getList();
            });
          } else {
            addWaybill(this.form).then(response => {
              this.$modal.msgSuccess("新增成功");
              this.open = false;
              this.getList();
            });
          }
        }
      });
    },
    /** 删除按钮操作 */
    handleDelete(row) {
      const wayBillIds = row.wayBillId || this.ids;
      this.$modal.confirm('是否确认删除运单信息编号为"' + wayBillIds + '"的数据项？').then(function() {
        return delWaybill(wayBillIds);
      }).then(() => {
        this.getList();
        this.$modal.msgSuccess("删除成功");
      }).catch(() => {});
    },
    /** 导出按钮操作 */
    handleExport() {
      this.download('waybills/waybill/exportrelatewaybill/profit/' + this.monthProfitBillId, {
        ...this.queryParams
      }, `月利润单关联运单_${this.parseTime(new Date(), '{y}{m}{d}_{h}{i}')}.xlsx`)
    },
    computeTableHeight(){
      if( this.showSearch==true ){
        this.tableHeight = window.innerHeight - this.queryHeight - 28 - 28 - 160;
      } else {
        this.tableHeight = window.innerHeight - 28 - 28 - 160;
      }
    },
    // 返回按钮
    handleClose() {
      const obj = { path: "/statistic/monthprofit" };
      this.$tab.closeOpenPage(obj);
    },
  }
};
</script>
